@charset "UTF-8";

/* RESET */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	text-decoration: none;
}
/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
html {
 background: #fefefe;
}
body {
	
	font: 100% Georgia, "Times New Roman", Times, serif;
	
}
/* Wrapper, this is the main container of the layout*/
#wrapper {

	width: 1000px;
	height: 1200px;
	margin: 0 auto;
	padding: 0px 50px;
	background: #FFFFFF;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	

}

section.toolbar {
	width: 98%; 
	left: 0px;
	top: 0px;
	position: absolute;
	padding: 1%;
	text-align: right;
	background: #000;
	color: #ffffff;
}


.toolbar_button {
	width:50px;
	height: 20px;
	display: block;
	background: #FEFEFE;
	left: 500px;
	top:5px;
}


header{
	display: none;
	padding: 60px 0px 0px 0px;
}

footer{
	display: none;
}

#dashboard_content {
	height: 500px;
	 margin: 30px 0px 30px 0px;
}

#dashboard_content div {
	width: 230px;
	height: 500px;
	display: block;
	float: left;
	margin: 0px 0px 0px 20px;
	display: none;
}
div#today{background: red;}
div#week{background: green;}
div#month{background: blue;}
div#year{background: orange;}

